<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<title>Service Directory</title>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<style media="all" type="text/css">
@import "css/all.css";#main #middle #center-column .table form .listing {
	text-align: left;
}
</style>
</head>
<body>
<div id="main">

	<div id="header">
		<a href="index.html" class="logo"><img src="img/logo.png" width="954" height="112" alt="" /></a>
		
        
  </div>
<div id="middle">
	<div id="left-column">
	  <h3>welcome to SD -Systems</h3>
			<ul class="nav">
			  <li class="last"></li>
			</ul>
			<a href="#" class="link">Help</a>
			<a href="#" class="link">Contact Admin</a>
	</div>
        <div></div>
		<div id="center-column"><br />
		  <div class="table">
			  <img src="img/bg-th-left.gif" width="8" height="7" alt="" class="left" />
			  <img src="img/bg-th-right.gif" width="7" height="7" alt="" class="right" />
			  <form action="home.html" method="get"><table align="center" cellpadding="0" cellspacing="0" class="listing">
					<tr>
						<th colspan="2" class="first"><img src="img/login-icon.gif" alt="" name="user" width="16" height="16" id="user" />Login Here</th>
					</tr>
					<tr style="text-align: left">
						<td width="204" class="first style1">- Username</td>
						<td width="407"><label for="username"></label>
						  <label>
						    <input type="text" name="username" id="username" />
				        </label></td>
					</tr>
					<tr class="bg">
						<td class="first style1">- Password</td>
						<td><label>
						  <input type="text" name="password" id="password" />
					    </label>						  <label for="password"></label></td>
					</tr>
					<tr>
						<td class="first style2">&nbsp;</td>
						<td><input type="submit" name="login" id="login" value="Login" /></td>
					</tr>
					<tr class="bg">
						<td class="first style3">- <a href="changepassword.html">Change Password</a></td>
						<td><a href="changepassword.html"><img src="img/edit-icon.gif" width="16" height="16" alt="add" /></a></td>
					</tr>
					<tr>
						<td class="first style4">-<a href="forget.html">Forget password?</a></td>
						<td><a href="forget.html">Recover Here</a></td>
					</tr>
			  </table>
		    </form>
		  </div>
		  <form id="form1" name="form1" method="post" action="">
	      </form>
    </div>
		<div id="right-column">
			<strong class="h">INFO</strong>
			<div class="box">
			  <p>Please login with your username and password:</p>
			  <p>It is advisable that Users can change and modify thier password every months. this is for security reaspon</p>
    </div></div>
  </div>
  <div id="footer">
    <p>&nbsp;</p>
    <p>&nbsp;</p>
  </div>
</div>
</body>
</html>
